<!DOCTYPE html>

<html>
	<head>
		<meta charset="UTF-8">
		<title>ペットダイアリー</title>
		<link rel=stylesheet type="text/css" href="css/pet.css">  
	</head>
	<body height="400">
		<div id="main">
			<div id="friend">
				<a href="list.html">
					<img src="img/friend1.png" alt="friend1"/>
					<img src="img/friend2.png" alt="friend2"/>
					<img src="img/friend3.png" alt="friend3"/>
					<img src="img/friend4.png" alt="friend4"/>
					<img src="img/friend5.png" alt="friend5"/>
				</a>
			</div><!-- end friend -->
			<div id="pet">
				<img src="img/dog_bone.gif" alt="ペット名" />
			</div><!-- end pet -->
		</div>
		
		<div id="menu">
			<img src="img/menu.jpg" alt="メニューバー" />
		</div><!-- end menu -->
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
    	<script src="js/pet.js" type="text/javascript"></script>
	</body>
</html>